<template>
	<view class="page">
		<image src="../../static/register/top2.jpg" mode="widthFix" class="top" />
		<view class="location-container">
			<view class="left">
				<image src="../../static/register/location.png" mode="widthFix" class="location"></image>
				<text>代驾服务地点</text>
			</view>
			<view class="right">{{cityName}}</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">注册条件</text>
			</view>
			<view class="list">
				<view class="item">
					<text>1.</text>
					车辆合规合法；
				</view>
				<view class="item">
					<text>2.</text>
					年龄18岁以上；
				</view>
				<view class="item">
					<text>3.</text>
					无违法犯罪记录、无精神病史、无吸毒史，以及平台认为不适合使用代驾的其他历史证明；
				</view>
				
				
			</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">使用流程</text>
			</view>
			<view class="list">
				<view class="complex-item">
					<view class="left">01</view>
					<view class="right">
						<text class="item-title">在线注册账号</text>
						<text class="item-desc">在小程序完成注册</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">02</view>
					<view class="right">
						<text class="item-title">个人信息填写</text>
						<text class="item-desc">按照流程提交本人身份证照片</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">03</view>
					<view class="right">
						<text class="item-title">代驾下单</text>
						<text class="item-desc">通过APP下单预约代驾</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">04</view>
					<view class="right">
						<text class="item-title">费用支付</text>
						<text class="item-desc">订单结束自动扣除费用</text>
					</view>
				</view>
			</view>
		</view>
		<!-- <button class="btn" @tap="wxLogin" >司机注册</button> -->
		<button class="btn" open-type="getPhoneNumber" @getphonenumber="weChatRegister" >微信注册</button>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
var QQMapWX = require('../../lib/qqmap-wx-jssdk.min.js');
export default {
	data() {
		return {
			code: null,
			cityName:"未知"
		};
	},
	onLoad(){
		let _this = this;
	  this.getLocation();
	},
	methods: {
    getLocation() {
      var _this = this
      const tMap = new QQMapWX({
        key: 'HSUBZ-LFR37-R2YX5-PIXKB-JRDA3-IYFZD' //开发者密钥
      });
      //使用 uni.getLocation获取用户所在经纬度
      uni.getLocation({
        type: 'gcj02',
        geocode: true,
        success: (res) => {
          _this.longitude = res.longitude
          _this.latitude = res.latitude
        },
        fail: () => {
          console.log("获取经纬度失败");
        },
        complete: () => {
          // 使用腾讯sdk的reverseGeocoder方法 解析经纬度
          tMap.reverseGeocoder({
            location: {
              latitude: _this.latitude,
              longitude: _this.longitude
            },
            success: function(res) {
              _this.cityName = res.result.address_component.city
            },
            fail: function(res) {
              uni.showToast({
                title: '定位失败',
                duration: 2000,
                icon: "none"
              })
              console.log(res);
            },
          })
        }
      })
    },
    weChatRegister(){
      let _this = this;
      wx.login({
        success (res) {
          if (res.code) {
            //发起网络请求
            // let data = {
            //   code: res.code,
            //   type: 1,
            // }
            _this.get("/customer/manager/customer/register/"+res.code,{},res=>{
              console.log(res)
            })
          } else {
            console.log('登录失败！' + res.errMsg)
          }
        }
      })
    }
	}
};
</script>

<style lang="less">
@import url('register.less');
</style>
